<template>
	<view style="color: gray;" class="cu-load">
		<text class="loading_rotate upwarpProgress"></text>
		<text style="margin-left: 16upx;vertical-align: middle;">{{$t('JLink.publicText.mescroll.textLoading')}}</text>
	</view>
</template>

<script>
</script>

<style lang="less" scoped>
	@import '@/common/style/main.css';
	/*loading旋转动画*/
	.upwarpProgress {
		display: inline-block;
		width: 28upx;
		height: 28upx;
		border-radius: 50%;
		border: 2upx solid gray;
		border-bottom-color: transparent;
		vertical-align: middle;
	}

	.loading_rotate {
		-webkit-animation: loadingRotate 0.6s linear infinite;
		animation: loadingRotate 0.6s linear infinite;
	}

	@-webkit-keyframes loadingRotate {
		0% {
			-webkit-transform: rotate(0deg);
		}

		100% {
			-webkit-transform: rotate(360deg);
		}
	}

	@keyframes loadingRotate {
		0% {
			transform: rotate(0deg);
		}

		100% {
			transform: rotate(360deg);
		}
	}
</style>